import type React from 'react';

export const NatsLogo = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 256 266" xmlns="http://www.w3.org/2000/svg" {...props}>
    <title>Nats</title>
    <polygon fill="#34A574" points="128 -1.35040045e-14 256 -1.35040045e-14 256 103.768374 128 103.768374" />
    <polygon fill="#27AAE1" points="0 -1.35040045e-14 128 -1.35040045e-14 128 103.768374 0 103.768374" />
    <polygon
      fill="#8DC63F"
      points="256 103.8634 256 207.631774 171.806978 207.631774 171.806978 265.027468 109.184855 207.821826 128 207.061618 128 103.8634"
    />
    <polygon fill="#375C93" points="128 103.8634 128 224.540533 109.184855 207.821826 0 207.821826 0 103.8634" />
    <polygon
      fill="#FFFFFF"
      points="181.024499 134.176689 181.024499 48.2731997 211.622866 48.2731997 211.622866 159.358575 165.250186 159.358575 71.6495917 71.9346696 71.6495917 159.453601 40.956199 159.453601 40.956199 48.2731997 88.9443207 48.2731997 181.024499 134.176689"
    />
  </svg>
);
